Ext.define('HRMobile.view.employeeDetails.PersonalDetailsForm', {
    extend: 'Ext.form.Panel',
    config: {
    	 border: true,
    		style: 'border-left-style: solid;',
    		defaults: {
    			xtype: 'fieldset',
    			defaults: {
   	        	 xtype: 'textfield',
   	        	 readOnly: true,
				labelWidth: '40%',
				labelWrap: true
   	         }
    		},
    	    items:[{
    	         title: 'Personal Details',
    	         items: [{
    	             label: 'First Name:',
    	             name: 'empFirstname',
    	         		},
    	         		{
    	    	     label: 'Middle Name:',
    	    	     name: 'empMiddleName',
    	    	         },
    	    	         {
    	    	     label: 'Last Name:',
	    	    	 name: 'empLastname',
    	    	         },
    	    	         {
    	    	     label: 'Nick Name:',
	    	    	 name: 'empNickName',
    	    	         },]
    	    },
    	    {
    	         items: [{
    	             label: 'ID Card Number:',
    	             name : 'empIdCardNum'
    	         		},
    	         		{
    	             label: 'Date of Issuance:',
    	             name : 'empIdCardDate'
    	         		},
    	         		{
    	             label: 'Place of Issuance:',
    	             name : 'empIdCardPlace'
    	         		},]
    	    },
    	    {
    	         items: [{
    	             label: 'Gender:',
    	             name : 'fullGender'
    	         		},
    	         		{
    	             label: 'Marital Status:',
    	             name : 'fullMaritalStatus'
    	         		}]
    	    },
    	    {
   	         items: [{
   	             label: 'Nationality:',
   	             name : 'empNationality'
   	         		},
   	         		{
   	             label: 'Date of Birth:',
   	             name : 'empBirthday'
   	         		},
         		{
   	             label: 'Military Service:',
   	             name : 'empMilitaryService'
   	         		}]
   	    }]
    }
});